<script setup lang="ts">
import TodoHeader from './components/TodoHeader.vue'
import TodoMain from './components/TodoMain.vue'
import TodoFooter from './components/TodoFooter.vue'
import { ref } from 'vue'

export interface Todo {
  id: number
  content: string
  done: boolean
}
const list = ref<Todo[]>([
  { id: 1, content: '吃饭', done: false },
  { id: 2, content: '睡觉', done: false },
  { id: 3, content: '写代码', done: true },
])
</script>

<template>
  <section class="todoapp">
    <TodoHeader />
    <TodoMain :list="list" />
    <TodoFooter />
  </section>
</template>
